import React, { Component } from 'react';
import './App.less'
// import { observable, action, computed } from 'mobx'
import { observable, action } from 'mobx'
import { observer } from 'mobx-react'
import { BrowserRouter, Link } from 'react-router-dom'
import { LRouter, mainConf } from './router'
import { Button } from 'antd-mobile'

@observer
class App extends Component {

  render() {

    return (
      <BrowserRouter>
      <div className="App">

        <div className="content">
          <LRouter conf={mainConf}></LRouter>
        </div>

        <div className="tabBar">

        <Link className='item' to='/home'> home </Link>
        <Link className='item' to='/login'> login </Link>

          
        </div>
      </div>
      </BrowserRouter>

    );
  }
}

export default App;